import React, { FC } from "react"
import "./questionCard.css"

// ts自定义类型(类型检查)
type PropsType = {
  id: string
  title: string
  isPublished: boolean
}

const questionCard: FC<PropsType> = (props) => {
    const {id, title, isPublished} = props
    function edit(id: string) {
        console.log("edit", id)
    }
    return (
        <div key={id} className="list-item">
          <strong>{title}</strong>
          &nbsp;
          {isPublished ? (
            <span style={{ color: "green" }}>已发布</span>
          ) : (
            <span>未发布</span>
          )}
          &nbsp;
          <button
            onClick={() => {
              edit(id)
            }}
          >
            编辑问卷
          </button>
        </div>
      )
}
